import './App.css'
import { useState, useEffect } from 'react'

function App() {
  // 定义一个变量
  const [count, setCount] = useState(60)

  // 用 useEffect 进行调用
  useEffect(() => {
    // 定义一个倒计时
    // 开启倒计时
    const timer = setInterval(() => {
      setCount(prev => {
        if (prev <= 0) {
          return 0
        }
        // 倒计时--
        return prev - 1
      })
    }, 1000)
    return () => clearInterval(timer)
  }, [])

  return (
    <div>
      {/* 倒计时 */}
      <h1>{count <= 0 ? '倒计时结束!' : `0天0时00分${count}秒`}</h1>
    </div>
  )
}

export default App
